.green {
    width: 200px;
    height: 70px;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #03a76a;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    img {
        width: 26px;
        height: 26px;
        transition: 0.5s;
    }
}

.green:hover {
    background-color: #3b855a;
    transition: 0.5s;

    img {
        transition: 0.5s;
        transform: translateX(10px);
        /* 这里的值可以根据需要调整 */
    }
}

.orange {
    width: 200px;
    height: 70px;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #e39169;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    img {
        width: 26px;
        height: 26px;
        transition: 0.5s;
    }
}

.orange:hover {
    background-color: #b2623c;
    transition: 0.5s;

    img {
        transition: 0.5s;
        transform: translateX(10px);
        /* 这里的值可以根据需要调整 */
    }
}

.dark_blue {
    width: 200px;
    height: 70px;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #224fd9;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    img {
        width: 26px;
        height: 26px;
        transition: 0.5s;
    }
}

.dark_blue:hover {
    background-color: #1f41a7;
    transition: 0.5s;

    img {
        transition: 0.5s;
        transform: translateX(10px);
        /* 这里的值可以根据需要调整 */
    }
}

.purple {
    width: 200px;
    height: 70px;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #7743db;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    img {
        width: 26px;
        height: 26px;
        transition: 0.5s;
    }
}

.purple:hover {
    background-color: #441faa;
    transition: 0.5s;

    img {
        transition: 0.5s;
        transform: translateX(10px);
        /* 这里的值可以根据需要调整 */
    }
}

.light_blue {
    width: 200px;
    height: 70px;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #3a8ef6;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    img {
        width: 26px;
        height: 26px;
        transition: 0.5s;
    }
}

.light_blue:hover {
    background-color: #4174c0;
    transition: 0.5s;

    img {
        transition: 0.5s;
        transform: translateX(10px);
        /* 这里的值可以根据需要调整 */
    }
}